<template>
  <TopHeaderNav />
  <div class="content-wrapper">
    <div class="page-content">
      <el-row>
        <el-col :span="5" :offset="2">
          <BlogStatePanel />
        </el-col>
        <el-col :span="10">
          <ArticleList v-bind:query="articleQuery" />
        </el-col>
        <el-col :span="5">
          <NoticePanel />
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
  import TopHeaderNav from '@/components/TopHeaderNav'
  import NoticePanel from '@/components/user/NoticePanel'
  import ArticleList from '@/components/article/ArticleList'
  import BlogStatePanel from '@/components/BlogInfoPanel'
  export default {
    components: {
      TopHeaderNav,
      NoticePanel,
      ArticleList,
      BlogStatePanel
    },
    data() {
      return {
        articleQuery: {
          isIndex: true
        }
      }
    }
  }
</script>